<template>
    <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" :fill="color">
        <path :d="icons[name]" />
    </svg>
</template>

<script setup>
import { ref, reactive, defineProps, computed, watch, onMounted, onBeforeUnmount } from 'vue'
import icons from '../assets/icons';

const props = defineProps({
    name: {
        type: String,
        default: ''
    },
    color: {
        type: String,
        default: '#303133'
    }
})

onMounted(async () => {

})

</script>

<style scoped></style>